<!-- 主页样式 -->
<link rel="stylesheet" href="../css/header.css">

<!-- 引入小图标 -->
<link rel="stylesheet" href="../img/font_2617536_p6klllnaqt8/iconfont.css">

<!-- 顶部 -->
<div id="header">
    <div class="center">
        <div class="header-left">
            <ul>
                <li><a href="index.html">小米商城</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">MIUI</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">loT</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">云服务</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">天星数科</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">有品</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">小爱开放平台</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">企业团购</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">资质证照</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">协议规则</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">下载app</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">智能生活</a>&nbsp;丨&nbsp;</li>
                <li><a href="#">Select Location</a>&nbsp;丨&nbsp;</li>
            </ul>
        </div>
        <div class="header-right">
            <ol>
                <li><a href="login.html" rel="opener">登录</a></li>
                <li><a href="login.html" rel="opener">注册</a></li>
                <li><a href="">消息通知</a></li>
                <li id="header-car"><a href="shoppingCart.html" target="_blank" rel="opener"><span class="iconfont icon-gouwuchekong"></span>&nbsp;购物车 <div
                            id="header-car-son">

                        </div></a></li>
            </ol>

        </div>
    </div>
</div>
<!-- 导航栏 -->
<div id="neckFather">
    <div id="neck">
        <div class="neck-logo"><img src="../img/other/logo-mi2.png" alt=""></div>
        <div id="neck-list">
            <a href="">全部商品分类</a>
            <!-- 导航栏左侧菜单 -->
            <div id="carousel-left">
                <!-- 列表 -->
                <ul>
                    <li>手机 电话卡<span>&gt;</span></li>
                    <li>电视 盒子<span>&gt;</span></li>
                    <li>笔记本 显示器<span>&gt;</span></li>
                    <li>家电 插线板<span>&gt;</span></li>
                    <li>出行 穿戴<span>&gt;</span></li>
                    <li>智能 路由器<span>&gt;</span></li>
                    <li>电源 配件<span>&gt;</span></li>
                    <li>健康 儿童<span>&gt;</span></li>
                    <li>耳机 音响<span>&gt;</span></li>
                    <li>生活 箱包<span>&gt;</span></li>
                </ul>
                <div id="carousel-son">
                    <div class="carousel-list"><img src="" alt=""></div>
                </div>
            </div>
        </div>
        <div class="neck-divider">
            <ul>
                <li><a href="#">小米手机</a></li>
                <li><a href="#">Redmi红米</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">笔记本</a></li>
                <li><a href="#">家电</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
        <div class="neck-search">
            <input type="text">
            <span class="iconfont icon-sousuo"></span>
            <ul>
                <li>全部商品</li>
                <li>空调</li>
                <li>净水器</li>
                <li>小米11</li>
                <li>手机</li>
            </ul>
        </div>
    </div>
    <div class="neck-divider-list">
        <div class="container">
            <div class="row">
                <div class="col-md-2 goods1">
                    <img src="" alt="">
                    <div></div>
                    <p>小米 MIX FOLD</p>
                    <span>9999元起</span>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/header.js"></script>
    <script>

    </script>